<template>
  <div :class="type" class="event-info">
    <div class="bb">
      <div>{{info}}</div>
      <div>{{title}}</div>
    </div>

  </div>
</template>
<script>
export  default  {
  props:{
    title:{},
    info:{},
    type:{}
  }
}
</script>
<style scoped lang="scss">
.event-info{
  height: 90px;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  color: white;
  display: flex;
  justify-content:center;
  align-items:center;
  font-size: 120%;
  margin: 10px 40px;
  //line-height: 100px;
}
.success{
  background-color: #69dab1;
}
.info{
  background-color: #f9c15b;
}
.primary{
  background-color: #d172d5;
}

</style>